@import "../../../styles/_commonColor.scss";

.calculatorContainer {
  padding: 20px 0 0 0;
  .tips{
    padding:28px 0 28px 34px;
    color:#6A6A6A;
    font-size: 30px;
  }
  .calculatorMessage {
    background: white;
  /*  & > div {
      & > div {
        & > div:nth-child(1) {
          & > div {
            & > div {
              color: $darkgray !important;
              font-size: 30px !important;
              &>div{
                font-size: 30px !important;
              }
              & > div:nth-child(1) {
                color: $darkgray !important;
              }
              & > div:nth-child(2) {
                color: #1A1A1A !important;
              }
            }
          }
        }
      }
    }*/
    &>div{
      &>div{
        &>div{
          &>div{
            & > div:nth-child(1) {
              color: $darkgray !important;
              font-size: 30px !important;
            }
            & > div:nth-child(2) {
              color: #1A1A1A !important;
              font-size: 30px !important;
            }
          }
        }
      }
    }
  }
  .buttonContainer {
    padding: 50px;
    button {
      width: 100%;
      height: 88px;
      background: $blue;
      border: solid 1PX $blue;
      border-radius: 10px;
      color: $white;
      font-size: 34px;
    }
  }

  .calculatorWarnning {
    padding: 50px 30px;
    p {
      color: $gray;
      font-size: 26px;
      padding: 10px 0;
    }
    .warningTitle {
      display: flex;
      align-items: center;
      h1 {
        color: $darkgray;
        font-size: 30px;
        text-align: center;
        padding: 0 20px;
      }
      .titleLine {
        height: 0;
        border-bottom: solid 1PX $lightgray;
        flex: 1;
      }
    }
  }
}